
#app {
  height: 100%;
  min-width: 1100px;
}

.app-primary {
  --el-color-primary: #4451b5 !important;
  --el-text-color-primary: #3a345f;
  --deepColor: #4451b5;
  --mianColor: #3F51B5;
  --qColor: #5666be;
}


.el-button--primary {
  --el-button-active-color: var(--deepColor) !important;
  --el-button-hover-border-color: var(--qColor) !important;
  --el-button-active-text-color: #fff !important;
  --el-button-text-color: #fff !important;
  --el-button-hover-text-color: #fff !important;
  --el-button-active-border-color: var(--qColor) !important;
  --el-button-hover-bg-color: var(--qColor) !important;
  --el-button-bg-color: var(--mianColor) !important;
  --el-button-active-bg-color: var(--mianColor) !important;
  --el-button-border-color: var(--deepColor) !important;
  --el-color-primary-light-5: #fff !important;
  --el-button-disabled-bg-color:var(--qColor) !important;
  --el-button-disabled-border-color:var(--qColor) !important;
}

.el-dropdown__popper{
  --el-dropdown-menuItem-hover-color:#5666be !important;
}

.el-dropdown-menu__item{
  color: gray;
  font-size: 12px!important;
}

.qColor {
  background-color: var(--qColor);
}

.el-collapse-item__header {
  padding-left: 10px;
  font-weight: bold !important;
}

.el-collapse-item__arrow {
  margin-right: 12px !important;
}

.el-message-box .el-button--primary {
  background-color: $primaryColor !important;
}

.my-message-box__status .el-message-box__status {
  padding-right: 0px !important;
  font-size: 35px !important;
  margin-top: 6px;
}



.slide-fade-enter,.slide-fade-leave-to
/* .slide-fade-leave-active for below version 2.1.8 */ {
  transform: translateY(50px);
  opacity: 0;
  transition: all 1s ease;
  position: absolute;
}


.el-select-dropdown .selected{
   color: $primaryColor !important;
 }

.el-button {
  height: 24px!important;
  &> span{
    font-size:12px !important;
  }
}

.el-checkbox{
  height: auto!important;
}

.el-tabs{
  &>.el-tabs__header{
    margin-bottom: 0!important;
  }
  .el-tabs__item{
    padding: 0!important;
  }
}

.el-input__inner{
  font-size: 12px!important;
  height: 26px;
}

.workArea{
  .el-form-item{
    margin-bottom: 0!important;
  }
}

.el-form-item{
  width: 100%;

  .el-select{
    width: 100%;
  }
}

.el-form-item__label{
  color: $titleColor;
  font-weight: 700;
  padding-right: 5px;
}

.el-col{
  display: flex;
  align-items: center;
  justify-content: center;
}